<template>
    <div>
       <div class="title">周末去哪儿</div>
       <ul>
         <li class="item border-bottom" v-for="item in list" :key="item.id">
            <img :src="item.imgUrl" class="item-img" />
            <div class="item-title">{{item.title}}</div>
            <div class="item-desc">{{item.desc}}</div>
         </li>
       </ul>
    </div>
</template>

<script>
    export default {
       props: {
         list:Array
       },
       
    }
</script>

<style lang="stylus" scoped>
   @import '~styles/varibles.styl'
   @import '~styles/mixins.styl'
   .title
     line-height:.64rem;
     background:#e3e3e3;
     text-align:left;
     color:$TagTextcolor;
     text-indent:.2rem;
    .item
      padding:.1rem; 
      text-align:left; 
      .item-img
        width:100%;
      .item-title
        font-size:.32rem;
        line-height:.54rem;
        color:$TagTextcolor;
        ellipsis();  
      .item-desc
        font-size:.28rem;
        color:#999;  
        line-height:.32rem;
        ellipsis();

</style>